import React, {useState} from "react";
import styles from './index.module.scss';
import {Drawer} from 'antd';

/**
 * css
 */
export default function ({}) {
  const [visible, setVisible] = useState(false);

  const onClose = () => {
    setVisible(false);
  }

  return <Drawer
    title="Basic Drawer"
    placement="right"
    closable={true}
    onClose={onClose}
    visible={visible}
  >
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </Drawer>
}
